.my {
	.page-content {
		padding: 0 16px;
		padding-top: 60px;
		background-color: #fff;
		.vipMsg {
			border-radius: 6px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
			height: 3.7rem;
			color: #fff;
			background-color: #333;
			box-shadow: 0 2px 20px 0 #666444;
			position: relative;
			.top {
				width: 5rem;
				margin: 0 auto;
				padding: .4rem 0;
				.img {
					border-radius: 100%;
					overflow: hidden;
					border: 1px solid #f6f6f6;
					width: 2rem;
					height: 2rem;
					img {
						width: 100%;
						height: 100%;
						border: none;
					}
				}
				.right {
					width: 3rem;
					text-align: center;
					padding-top: .3rem;
					color: #ffd400;
					div {
						font-size: .35rem;
						line-height: .7rem;
						width: 100%;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
				}
			}
			.birthday {
				position: absolute;
				right: 0;
				top: 10px;
				width: 65px;
				height: 24px;
				line-height: 24px;
				text-align: center;
				border-radius: 100px 0 0 100px;
				background-color: #ffd400;
				color: #fff;
			}
			.priceAndPointBox {
				position: absolute;
				width: 6rem;
				border-radius: 6px;
				height: 1.4rem;
				box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
				background-color: #fff;
				left: 50%;
				color: #444;
				text-align: center;
				transform:translateX(-50%); 
				-webkit-transform:translateX(-50%); 
				-o-transform:translateX(-50%); 
				-moz-transform:translateX(-50%); 
				-ms-transform:translateX(-50%);
				font-size: .3rem;
				.pointBox {
					width: 49%;
					padding-top: .2rem;
					line-height: .5rem;
					.title {
						color: #999;
					}
					.num {
						font-size: .38rem;
					}
				}
				.priceBox {
					width: 49%;
					padding-top: .2rem;
					line-height: .5rem;
					.title {
						color: #999;
					}
					.num {
						font-size: .38rem;
						color: red;
					}
				}
				.divide {
					width: 2%;
					text-align: center;
					padding-top: .4rem;
					.line {
						border: 1px solid #ccc;
						width: 0;
						height: .6rem;
						margin: 0 auto;
					}
				}
			}
		}
		.HSpace1 {
			height: 1rem;
			width: 100%;
			opacity: 0;
			z-index: -999;
		}
		.vipItem {
			border-radius: 5px;
			margin-bottom: 10px;
			border: none;
			box-shadow: 0 0 10px 0 rgba(102, 100, 68, 0.5);
			i {
				margin-left: 10px;
			}
		}
	}
	.page-content.blur {
		-webkit-filter: blur(3px); /* Chrome, Opera */
		-moz-filter: blur(3px);
		-ms-filter: blur(3px);
		filter: blur(3px);
	}
	.qrcodebox {
	    height: 100%;
	    width: 100%;
	    position: fixed;
	    top: 0;
	    z-index: 2;
	    background-color: rgba(0,0,0,.5);
	    .inner {
	        padding:0.1rem;
	        background-color: #fff;
	        border-radius: 2px; 
	        width: 6rem;
	        height: 3rem;

	        position: absolute;
	        z-index: 1;
	        top: 50%;
	        left: 50%;
	        transform:translate(-50%,-50%); 
	        -webkit-transform:translate(-50%,-50%); 
	        -o-transform:translate(-50%,-50%); 
	        -moz-transform:translate(-50%,-50%); 
	        -ms-transform:translate(-50%,-50%);
	    }
	}
	#showSecret {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 10;
		background: no-repeat center center;
		background-color: rgba(0, 0, 0, 0);
		background-size: 100% 100%;
	}
	#myModalBox {
		.von-input-wrapper {
			.input-label {
				font-size: 16px;
			}
		}
		.dateInput {
			padding-left: 15px;
			padding-right: 15px;
		}
		.dateBox {
			position: relative;
			.dateMask {
				position: absolute;
				right: 0;
				top: 0;
				bottom: 0;
				left: 0;
				z-index: 3;
				opacity: 0;
			}
		}
		.headImgInputWrapper {
			.item {
				height: 90px;
			}
			#imgInput {
				width: 0;
				height: 0;
				opacity: 0;
			}
			.img {
				height: 80px;
				width: 80px;
				position: absolute;
				top: 5px;
				left: calc( 35% + 15px );
				border-radius: 100%;
				border: 1px solid #f6f6f6;
			}
		}
		.mask {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
		}
		.confirmBtn {
			position: absolute;
			bottom: .3rem;
			color: #ffd400;
			width: calc( 100% - 32px );
		}
	}
}